// 输入框绑定 值改变事件 input事件
// 获取到输入框的值 判断是否合法 检验通过 把输入框的值发送到后台 渲染页面s
// 防抖 定义全局的定时器 一般用于防止输入框重复输入
// 节流 页面的下拉和上拉
import { myrequest } from "../../request/index.js"
Page({
  data: {
    goodsList: [],
    inputValue: ""
  },
  TimeId: -1,
  // 输入框的值改变 就会触发的事件
  handleInput(e) {
    // console.log(e)
    // 获取输入框的值
    const {value} = e.detail
    // 去掉前后空格
    if (!value.trim()) {
      this.setData({
        goodsList: []
      })
      return
    }
    clearTimeout(this.TimeId)
    this.TimeId = setTimeout(() => {
      this.qsearch(value)
    }, 1000)
  },
  // 准备发送请求
  async qsearch(query) {
    const res = await myrequest({
      url: "/goods/qsearch",
      data: {query}
    })
    this.setData({
      goodsList: res.data.message
    })
    console.log(res)
  },
  // 清空数据
  handleGoodsList() {
    this.setData({
      goodsList: [],
      inputValue: ""
    })
  }
})